import React from 'react';
import { View, Text, Button, StyleSheet } from 'react-native';
import {MyStatic} from '../components/myStatic';

const DetailsScreen = ({ navigation }) => {
    return (
        <View style={styles.container}>
            <Text style={styles.text}>详情页</Text>
            <Button title="返回首页" onPress={() => navigation.goBack()} />
            <Button title="前往底部导航栏" onPress={() => navigation.navigate(MyStatic.Tabs)} />
        </View>

    );
};

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#e0f7fa',
    },
    text: {
        fontSize: 24,
        marginBottom: 20,
    },
});

export default DetailsScreen;
